@charset "utf-8";

/* 头部 */
.header{width: 100%;height: 100px;line-height: 100px;position: relative;z-index: 30;background-color: #fff;  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.28);}
.header .logo img{height: 100%;}
.header .nav{padding-top: 44px;display: flex;position: relative;}
.header .nav ul{display: flex;z-index: 1;margin-bottom: 0;position: relative;}
.header .nav ul li{float: left;margin: 0 20px;position: relative;}
.header .nav ul .nli h3{position: relative;padding-bottom: 15px;}
.header .nav ul .nli h3 a{font-size: 16px;color: #333;font-weight: bold;display: block;position: relative;}
/* .header .nav ul .nli a::after{content: '';width: 100%;height: 3px;position: absolute;left: 0;bottom: -10px;box-sizing: border-box;background-color:#1d24aa;  
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
}
.header .nav ul .nli.on h3>a::after{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}
.header .nav ul .nli.on h3>a{color: #1d24aa;}
.header .nav ul .nli:hover a::after{content: '';width: 100%;height: 3px;position: absolute;left: 0;bottom: -10px;box-sizing: border-box;background-color:#1d24aa;}
.header .nav ul .nli:hover h3 a{color:#1d24aa;} */
.header .nav ul .nli.on h3 a {
	color: #1d24aa;
}

.header .nav ul .nli.on h3 a::after {
	position: absolute;
	content: '';
	width: 50px;
	height: 2px;
    background-color:#1d24aa;  
	bottom: -10px;
	left: 50%;
	margin-left: -25px;
}

.header .nav ul .nli:hover h3 a {
	color: #1d24aa;
}

.header .nav ul .nli:hover h3 a::after {
	position: absolute;
	content: '';
	width: 50px;
	height: 2px;
    background-color:#1d24aa;  
	bottom: -10px;
	left: 50%;
	margin-left: -25px;
}

.header .head_seartch{height: 20px;position: relative;display: flex;justify-content: center;align-items: center;}
.header .head_seartch a{font-size: 18px;color: #666;display: inline-block;margin-left: 25px;font-weight: 500;}
.header .head_seartch .register{border-left: 1px solid #dcdcdc;height: 20px;line-height: 20px;padding-left: 25px;}
.header .head_seartch .head_login{width: 53px;height: 26px;border: 1px solid #dcdcdc;text-align: center;line-height: 25px;}
.header .head_seartch .head_login:hover{background-color: #1d24aa;color: #fff;}
.header .head_btn{display: flex;justify-content: center;align-items: center;}  
.header .head_btn a{display: inline-block;}

.header .nav .nli .sub {
    display: none;
    overflow: hidden;
}

.header .nav .nli:hover .sub {
    display: block;
    width: 200px;
    border: 1px solid #edecec;
    left: -10px;
    top: 27px;
    background: #fff;
    position: absolute;
    color: #333;
    padding: 0px 0px;
}

.header .nav .sub li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #edecec;
    float: none;
    color: #999;
    margin: 0 10px;
}

.header .nav .sub li a {
    color: #999;
    display: block;
    font-size: 14px;
    /*text-align: center;*/
    /* border-left: 5px solid #fff; */
}

.header .nav .sub a:hover {
    color: #1d24aa;
}



#returnTop{
    width: 4.8rem;
    height: 4.8rem;
    border: 0;
    border-radius: 5px;
    background: rgba(0,0,0,0.3);
    background-color: #2565CE;
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 1000000;
    font-size: 16px;
    line-height: 4.8rem;
    text-align: center;
    color: #fff!important;
    /*display: none;*/
}
#returnTop a{color: #fff!important;}


/* 手机版导航栏 */
.wrap_phone{display: none; width: 100%; height: 60px; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(255, 255, 255, 0.7);}
.phone_box{height: 100%;}
.wrap_phone .logo{width: 75px; margin-top: 10px;margin-left: 10px;}
.wrap_phone .logo img{display: block; width: 100%; height: auto;}
.wrap_phone.lateral-menu-is-open{transform: translateX(-66%); -webkit-transform: translateX(-66%); -moz-transform:translateX(-66%);-ms-transform:translateX(-66%); -o-transform:translateX(-66%); transition:all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
#cd-menu-trigger{padding-top: 22px;padding-right: 10px;}
#cd-lateral-nav .hotline1{box-sizing: border-box; padding: 20px; background-color: #075ea1; color: #fff;}
#cd-lateral-nav .hotline1 a{font-size: 14px;}
#cd-lateral-nav .hotline1 a:hover{color: #fff;}


/* 底部 */
.footer{background-color: #0e2026;padding-top: 40px;}
.footer .foot_top{border-bottom: 1px solid #fff;padding-bottom: 20px;}
.footer .foot_top .foot_l{width: 75%;}
.footer .foot_top .foot_r{width: 20%;}
.footer .foot_top .foot_l h3{font-size: 14px;color: #999;}
.footer .foot_top .foot_l .foot_nav {margin-top: 30px;}
.footer .foot_top .foot_l .foot_nav ul li{float: left;margin-right: 60px;}
.footer .foot_top .foot_l .foot_nav ul li a{font-size: 16px;color: #fff;}
.footer .foot_top .foot_l .foot_tel{margin-top: 40px;}
.footer .foot_top .foot_l .foot_tel h3{font-size: 14px;color: #999;margin-bottom: 10px;}
.footer .foot_top .foot_l .foot_tel p{font-size: 24px;color: #fff;}
.footer .foot_top .foot_r h3{font-size: 14px;color: #999;}
.footer .foot_top .foot_r .foot_icon{margin-top: 30px;}
.footer .foot_top .foot_r .foot_icon img{margin-right: 10px;}
.footer .foot_top .foot_r .foot_ewm{margin-top: 40px;}
.footer .foot_top .foot_r .foot_ewm img{margin-right: 40px;}
.footer .foot_bott{padding: 20px 0;}
.footer .foot_bott .copy{display: flex;justify-content: space-between;align-items: center;}
.footer .foot_bott .copy p{font-size: 12px;}


/* 网站首页 */
.banner{
    position: relative;
}

.in_banner {
    width: 100%;
	height: 650px;
}

.in_banner .swiper-slide {
    position: relative;
    padding-top: 155px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.in_banner .swiper-slide .nr .title h2{
    font-size: 40px;
    color: #fff;
    margin-bottom: 20px;
}

.in_banner .swiper-slide .nr .title p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 40px;
}

.in_banner .swiper-slide .nr .title .xian{
    width: 500px;
    height: 4px;
    background-color: #fff;
}

.in_banner .swiper-slide .nr .txt{
    margin-top: 40px;
    padding-right: 65%;
}

.in_banner .swiper-slide .nr .txt p{
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}

.in_banner .swiper-slide .nr{
    padding-top: 80px;
	-webkit-transition: all 1.75s ease;
	-moz-transition: all 1.75s ease;
	-ms-transition: all 1.75s ease;
	-o-transition: all 1.75s ease;
}

.in_banner .swiper-slide-active .nr { 
    padding-top: 0px; 
    -webkit-transition: all 1.75s ease;
	-moz-transition: all 1.75s ease;
	-ms-transition: all 1.75s ease;
    -o-transition: all 1.75s ease;
}

.in_banner .swiper-pagination span {
	width: 16px;
	height: 16px;
    opacity: 1;
    display: block;
    background: transparent;
    border: 1px solid #fff;
   
}

.in_banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
}

.in_banner .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    width: auto !important;
    left: auto !important;
    right: 14%;
    top: 45%;
    bottom: 0;

}

.in_banner .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 20px 0px !important;

}

.notice{
    width: 100%;
    height: 60px;
    background-color: rgb(29, 33, 110);
    opacity: 0.6;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    line-height: 60px;
}

.notice .bd {width: 50%;}
.notice .hd {width: 4%; position: relative; z-index: 30;padding-top: 15px;}

.notice .hd .prev{
    width: 11px;
    height: 21px;
    background-image: url(../images/left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    z-index: 40;
   
}
.notice .hd .next{
    width: 11px;
    height: 21px;
    background-image: url(../images/right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    float: right;
    cursor: pointer;
    z-index: 40;
}

.notice .bd .notice_list li span{
    font-size: 14px;
    color: #fff;
    margin-left: 30px;
}


.index1{position: relative;padding: 40px 0;}
.index1 .container{position: relative;}
.index1 .ind1_left{width: 60%;position: absolute;height: 100%;top: 0;left: 0;box-sizing: border-box;padding-top: 40px;padding-left: 60px;}
.index1 .ind1_right{width: 65%;position: relative;top: 0;right: 0;z-index: 2;}
.index1 .ind1_right img{width: 100%;}
.index1 .ind1_left .title h2{font-size: 24px;color: #333;font-weight: bold;}
.index1 .ind1_left .title h2 span{font-size: 14px;color: #999;margin-left: 10px;font-weight: normal;}
.index1 .ind1_left .title p{font-size: 14px;color: #1d24aa;margin-top: 10px;font-weight: bold;}
.index1 .ind1_left .txt{margin-top: 20px;}
.index1 .ind1_left .txt p{font-size: 16px;color: #333;line-height: 25px;}
.index1 .ind1_left .box{margin-top: 40px;}
.index1 .ind1_left .box ul li{float:left;width:25%;border-right:1px solid #eee;}
.index1 .ind1_left .box ul .li4{border-right:none;}
.index1 .ind1_left .box ul .lis{padding-left:30px;}
.index1 .ind1_left .box ul li img{margin-bottom:12px;}
.index1 .ind1_left .box ul li h3{font-size:16px;margin-bottom:15px;}
.index1 .ind1_left .box ul li span{position:relative; color:#1d24aa; font-size:52px; font-weight:bold;}
.index1 .ind1_left .box ul li b{position:relative;top:-25px;font-size:14px;font-style:normal;font-weight:normal;font-family:微软雅黑;color:#666;}

.index2{background-color: #f8fcff;padding: 40px 0;}
.index2 .title h2{font-size: 24px;color: #333;font-weight: bold;}
.index2 .title h2 span{font-size: 14px;color: #999;margin-left: 10px;font-weight: normal;}
.index2 .title p{font-size: 14px;color: #1d24aa;margin-top: 10px;font-weight: bold;}
.index2 .ind2_box{position: relative;}
.index2 .pro-container .ind2_img{background-repeat: no-repeat;background-position: center;background-size: contain;margin-bottom: -45px;}
.index2 .pro-container .ind2_img img{width: 100%;}
.index2 .pro-container {
    width: 100%;
    /* height: 100%; */
    position: relative;
    height: 585px;
  }
.index2 .pro-container .swiper-slide {
    text-align: center;
    /* font-size: 18px;
    background: #fff; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(1);
  }

.index2 .pro-container .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1.5);
}
.index2 .pro-container .ind2_wz p{
    font-size: 18px;
    color: #333;
    /* margin-top: 20px; */
}

.index2 .button .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: none;
}
.index2 .button .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: none;
}
.index2 .button .swiper-button-prev1{
	position: absolute;
	left: 0;
	top: 45%;
}
.index2 .button .swiper-button-next1{
	position: absolute;
	top: 45%;
	right: 0;
}



.index3{background-image: url(../images/ind3_bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;padding-top: 40px;padding-bottom: 80px;}
.index3 .title h2{font-size: 24px;color: #333;font-weight: bold;}
.index3 .title h2 span{font-size: 14px;color: #999;margin-left: 10px;font-weight: normal;}
.index3 .title p{font-size: 14px;color: #1d24aa;margin-top: 10px;font-weight: bold;}

.pc-slide .view{
    position: relative;
}

.pc-slide .view .ind3_slide{
    position: absolute;
    left: 310px;
    top: 50px;
}

.pc-slide .view .ind3_container .ind3_li{
    padding-top: 60px;
}

.pc-slide .view .ind3_container .ind3_li .ind3_top{
    margin-bottom: 20px;
    margin-left: 225px;
}

.pc-slide .view .ind3_container .ind3_li .ind3_top h3{
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.pc-slide .view .ind3_container .ind3_li .ind3_top p{
    font-size: 12px;
    color: #ccc;
}

.pc-slide .view .ind3_container .ind3_li .ind3_left{
    width: 53%;
    padding-left: 10%;
}

.pc-slide .view .ind3_container .ind3_li .ind3_left img{
    width: 100%;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.28);
}

.pc-slide .view .ind3_container .ind3_li .ind3_left .ind3_img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pc-slide .view .ind3_container .ind3_li .ind3_right{
    width: 43%;
    padding-top: 105px;
}

.pc-slide .view .ind3_container .ind3_li .ind3_right p{
    font-size: 16px;
    color: #555;
    line-height: 30px;
}

.view .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    right: 0;
    top: 60px;
    font-size: 32px;
}

.view .swiper-pagination-fraction .swiper-pagination-current{color: #0065bd;}

.preview {
    margin-top: 40px;
    position: relative;
}

.preview .ind3_container {
    margin-right: 20%;
    
}

.preview .swiper-slide {
    width: 240px;
    height: 235px;
    cursor: pointer;
    margin: 0 20px;
}

.preview .ind3_container .lis .img_box{overflow: hidden; margin-bottom: 20px;box-shadow: -4.54px 8.91px 10px 0px rgba(0, 0, 0, 0.19);}
.preview .ind3_container .lis .img{width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.preview .ind3_container .lis .img img{ width: 100%; height: auto; box-shadow: -4.54px 8.91px 10px 0px rgba(0, 0, 0, 0.19);}
.preview .ind3_container .lis p{font-size: 16px;color: #555;}
.preview .ind3_container .lis{text-align: center;}

.preview .arrow-left {
    background: url(../images/feel1.png) no-repeat left top;
    position: absolute;
    right: 405px;
    top: 20%;
    margin-top: -9px;
    width: 72px;
    height: 72px;
    z-index: 10;
}

.preview .arrow-right {
    background: url(../images/feel2.png) no-repeat left bottom;
    position: absolute;
    right: 305px;
    top: 20%;
    margin-top: -9px;
    width: 72px;
    height: 72px;
    z-index: 10;
}

.preview .swiper1-pagination{display: flex;justify-content: flex-start;align-items: center;margin-left: 40px;right: 18%;bottom: 65px; z-index: 10;}
.preview .swiper1-pagination .swiper-pagination-bullet{opacity: 1;background-color: #ccc;cursor: pointer;margin: 0 10px;}
.preview .swiper1-pagination .swiper-pagination-bullet-active{width: 13px;height: 13px;background-color: #333;border: 3px solid #ccc;}


.index4{height: 400px;background-repeat: no-repeat;background-position: top left;background-attachment: fixed;}
.index4 .ind4_wz{text-align: center;padding-top: 120px;}
.index4 .ind4_wz h2{font-size: 60px;color: #fff;}
.index4 .ind4_wz p{font-size: 22px;color: #fff;margin-top: 40px;}


.index5{background-color: #f1f1f1;padding: 40px 0;}
.index5 .title{display: flex;justify-content: space-between;align-items: center;}
.index5 .title .ind5_left h2{font-size: 24px;color: #333;font-weight: bold;}
.index5 .title .ind5_left h2 span{font-size: 14px;color: #999;margin-left: 10px;font-weight: normal;}
.index5 .title .ind5_left p{font-size: 14px;color: #1d24aa;margin-top: 10px;font-weight: bold;}
.index5 .title .ind5_right ul li{float: left; margin-right: 20px;}
.index5 .title .ind5_right ul li a{display: block; width: 135px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; border-radius: 30px; background-color: transparent;}
.index5 .title .ind5_right ul li.on a{color: #fff; background: -moz-linear-gradient(to right,#367dd9 0,#2c9fd1 100%); background: -webkit-linear-gradient(to right,#367dd9 0,#2c9fd1 100%);background: linear-gradient(to right,#367dd9 0,#2c9fd1 100%);}
.index5 .title .ind5_right ul li a:hover{color: #fff; background: -moz-linear-gradient(to right,#367dd9 0,#2c9fd1 100%); background: -webkit-linear-gradient(to right,#367dd9 0,#2c9fd1 100%);background: linear-gradient(to right,#367dd9 0,#2c9fd1 100%);}

.index5 .ind5_cot ul li{float: left; width: 24%; margin: 0 0.5%;margin-top: 60px;}
.index5 .ind5_cot ul li .img_box{overflow: hidden;}
.index5 .ind5_cot ul li .img{background-repeat: no-repeat; background-position: center center; background-size: cover;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.index5 .ind5_cot ul li .img img{display: block; width: 100%; height: auto;}
.index5 .ind5_cot ul li .txt{position: relative; padding: 20px 15px; z-index: 2;box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease;background-color: #fff;}
.index5 .ind5_cot ul li .txt h2{font-size: 16px; height: 50px; line-height: 25px; margin-bottom: 15px; font-weight: 600; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index5 .ind5_cot ul li .txt p{line-height: 22px; height: 48px; margin-bottom: 12px; color: #777; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index5 .ind5_cot ul li .txt .btn0{width: 108px; height: 32px; line-height: 28px; text-align: center; border-radius: 30px; border:1px solid #2b75d7; font-size: 12px; color: #347bd7;}
.index5 .ind5_cot ul li .txt .btn0:hover{background-color: #2b75d7; color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.index5 .ind5_cot ul li .txt .xbg{position: absolute; bottom: 25px; right: 25px; width:118px; height: 77px; background: url(../images/news2-13.png) no-repeat top center; background-size: 100% auto; }
.index5 .ind5_cot ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.index5 .ind5_cot ul li:hover .txt{box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.index5 .ind5_cot ul li:hover .txt h2{color: #1d24aa;}


/* 内页共同部分 */
.mainBan{height: 320px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.mainBan .mainWz {margin-top: 10%;}
.mainBan .mainWz h2{font-size: 48px;color: #fff;}
.mainBan .mainWz p{font-size: 24px;color: #fff;margin-top: 10px;}

.mainBan_nav {font-size: 16px;color: #777;margin-top: 30px;}

.prodetail_nav {font-size: 16px;color: #777;margin-top: 30px;}


/* 分页 */
.sabrosus{display: flex; justify-content: center; align-items: center; font-size: 14px;margin: 80px 0;}
.sabrosus a{display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 5px; text-align: center; border-radius: 5px; border: 1px solid #ccc;}
.sabrosus a i{line-height: 40px; font-size:20px;}
.sabrosus a:hover{color: #fff; background-color: #1d24aa;}
.sabrosus a.current{color: #fff; background-color: #1d24aa;}
.sabrosus a.disabled0{color: #d9dce2; border-color: #d9dce2; background-color: transparent; pointer-events:none}

/* 新闻中心 */
.news_top {margin-top: 40px;}
.news_top .news_left{width: 35%;}
.news_top .news_left img{width: 100%;}
.news_top .news_right{width: 60%;padding-top: 20px;}
.news_top .news_right .title {border-bottom: 1px solid #999;padding-bottom: 20px;}
.news_top .news_right .title p{font-size: 16px;color: #999;line-height: 25px;}
.news_list{margin-top: 100px;}
.news_list .box6 ul li{float: left; margin-right: 30px;}
.news_list .box6 ul li a{display: block; width: 135px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; border-radius: 30px; background-color: transparent;}
.news_list .box6 ul li.on a{color: #fff; background: -moz-linear-gradient(to right,#367dd9 0,#2c9fd1 100%); background: -webkit-linear-gradient(to right,#367dd9 0,#2c9fd1 100%);background: linear-gradient(to right,#367dd9 0,#2c9fd1 100%);}
.news_list .box6 ul li a:hover{color: #fff; background: -moz-linear-gradient(to right,#367dd9 0,#2c9fd1 100%); background: -webkit-linear-gradient(to right,#367dd9 0,#2c9fd1 100%);background: linear-gradient(to right,#367dd9 0,#2c9fd1 100%);}
.news_main ul li{float: left; width: 24%; margin: 0 0.5%;margin-top: 60px;}
.news_main ul li .img_box{overflow: hidden;}
.news_main ul li .img{background-repeat: no-repeat; background-position: center center; background-size: cover;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.news_main ul li .img img{display: block; width: 100%; height: auto;}
.news_main ul li .txt{position: relative; padding: 20px 15px; z-index: 2;box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.news_main ul li .txt h2{font-size: 16px; height: 50px; line-height: 25px; margin-bottom: 15px; font-weight: 600; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_main ul li .txt p{line-height: 22px; height: 48px; margin-bottom: 12px; color: #777; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_main ul li .txt .btn0{width: 108px; height: 32px; line-height: 28px; text-align: center; border-radius: 30px; border:1px solid #2b75d7; font-size: 12px; color: #347bd7;}
.news_main ul li .txt .btn0:hover{background-color: #2b75d7; color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.news_main ul li .txt .xbg{position: absolute; bottom: 25px; right: 25px; width:118px; height: 77px; background: url(../images/news2-13.png) no-repeat top center; background-size: 100% auto; }
.news_main ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news_main ul li:hover .txt{box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.news_main ul li:hover .txt h2{color: #1d24aa;}


/* 新闻详情页 */
.newsxq_sec{margin-top: 60px;margin-bottom: 80px;}
.newsxq_sec .container0{width: 50%; margin: 0 auto;height: 100%;}
.newsxq_sec .newsxq_title{margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.newsxq_sec .newsxq_title h1{text-align: center;font-size: 28px; margin-bottom: 20px;color: #333;}
.newsxq_sec .newsxq_title .news_share{display: flex; justify-content: space-between; align-items: center;}
.newsxq_sec .newsxq_title .news_share span{font-size: 14px; color: #666;}
.newsxq_sec .newsxq_title .news_share img{margin-left: 10px;}
.newsxq_sec .nr{margin-bottom: 40px;}
.newsxq_sec .nr p{font-size: 16px; line-height: 30px; color: #777;}
.newsxq_sec .nr p img{max-width: 100%;}
#backtop{text-align: center; cursor: pointer;}
#backtop img{margin-bottom: 10px;}
#backtop p{font-size: 14px; color: #999;}
#backtop p:hover{color: #2c9fd1;}
.newsxq2_sec{width: 100%; padding: 80px 0 0 0; background: url(../images/newsxq2-bg.jpg) no-repeat top center; background-size: cover;}
.newsxq2_title{font-size: 36px; text-align: center; margin-bottom: 54px;}
.newsxq2_main ul li{float: left; width: 24%; margin: 0 0.5%; margin-bottom: 80px;}
.newsxq2_main ul li .img_box{overflow: hidden;}
.newsxq2_main ul li .img{background-repeat: no-repeat; background-position: center center; background-size: cover;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.newsxq2_main ul li .img img{display: block; width: 100%; height: auto;}
.newsxq2_main ul li .txt{position: relative; padding: 20px 15px; z-index: 2; background-color: #f5f5f5; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.newsxq2_main ul li .txt h2{font-size: 16px; height: 50px; line-height: 25px; margin-bottom: 15px; font-weight: 600; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsxq2_main ul li .txt p{line-height: 22px; height: 48px; margin-bottom: 12px; color: #777; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsxq2_main ul li .txt .btn0{width: 108px; height: 32px; line-height: 28px; text-align: center; border-radius: 30px; border:1px solid #2b75d7; font-size: 12px; color: #347bd7;}
.newsxq2_main ul li .txt .btn0:hover{background-color: #2b75d7; color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.newsxq2_main ul li .txt .xbg{position: absolute; bottom: 25px; right: 25px; width:118px; height: 77px; background: url(../images/news2-13.png) no-repeat top center; background-size: 100% auto; }
.newsxq2_main ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.newsxq2_main ul li:hover .txt{box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.newsxq2_main ul li:hover .txt h2{color: #1d24aa;}



/* 关于我们 */
.ab_title{margin-bottom: 23px;}
.ab_title h3{font-size: 32px; margin-bottom: 15px;}
.ab_title p{font-size: 16px; color: #1d24aa; margin-bottom: 23px; text-transform: uppercase;}
.ab_title i{display: block; width: 40px; height: 4px;background-color: #1d24aa;}

.ab1_sec{width: 100%; padding: 80px 0 160px 0;}
.ab1_title{text-align: center; margin-bottom: 120px;}
.ab1_title h3{font-size: 32px; color: #555; margin-bottom: 12px;}
.ab1_title p{font-size: 16px; color: #1d24aa;}
.ab1_sec .ab_title h3{font-size: 28px;color: #333;}
.ab1_main{display: flex; justify-content: space-between; align-items: center;}
.ab1_left{width: 40%;}
.ab1_left .txt{overflow-y: auto;height: 415px;}
.ab1_left .txt p{font-size: 16px; line-height: 30px; color: #555;}
.ab1_right{width: 50%;position: relative;}
.ab1_right video{display: inline-block;vertical-align: baseline;object-fit: fill;}
.ab1_right .about_cot{position: absolute;top: 0;bottom: 0;width: 100%;z-index: 999;cursor:pointer}
.ab1_right .about_cot h2{position: absolute;top: 0;z-index: 2;bottom: 0;width: 100%;z-index: 999;background: url(../images/ab_paly.png) no-repeat;background-position: center center;background-size: 78px 78px;cursor: pointer;}
.ab1_right .about_cot .img{position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.ab1_right .about_cot .img::before{content: ""; display: block; position: absolute; right: -10%; top: -8%; width: 100%; height: 120%; z-index: -1; background-color: #ebfbff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.ab1_right .about_cot .img img{display: block; width: 100%; height: auto; box-shadow: 6.364px 6.364px 5px 0px rgba(0, 0, 0, 0.1);}
.ab1_right:hover .about_cot .img::before{box-shadow: 0 0 9px rgba(0,0,0,0.1);cursor: pointer;}

.ab4_sec{width: 100%; padding: 80px 0; background: url(../images/ab4-bg.jpg) no-repeat top center; background-size: cover;}
.ab4_main{position: relative; }
.ab4_sec .ab_title{position: absolute; top: 10%; right: 33%;}
.ab4_swiper{position: relative; width: 100%;}
.ab4_swiper .lis{display: flex; justify-content: space-between; align-items: center;}
.ab4_swiper .lis .img_box{width: 50%; overflow: hidden; box-shadow: 0 0 9px rgba(0,0,0,0.1);}
.ab4_swiper .lis .img{width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.ab4_swiper .lis .img img{display: block; width: 100%; height: auto;}
.ab4_swiper .lis .txt{width: 45%; padding-right: 45px;padding-top: 90px;}
.ab4_swiper .lis .txt h2{margin-bottom: 10px; font-size: 20px; color: #1d24aa;}
.ab4_swiper .lis .txt p{font-size: 16px;color: #555;margin-bottom: 10px;}
.ab4_swiper .lis:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.ab4_swiper .ab4_pagination{width: auto !important; left: auto !important; bottom: 5% !important; right: 40% !important;}
.ab4_swiper .ab4_pagination .swiper-pagination-bullet{width: 12px; height: 12px; margin: 0 6px; opacity: 1; background-color: #fff; box-shadow: 0 0 9px rgba(0,0,0,0.25);}
.ab4_swiper .ab4_pagination .swiper-pagination-bullet-active{background-color: #1d24aa;}


.about_fix {height: 485px;background-repeat: no-repeat;background-position: top left;background-attachment: fixed;}
.about_fix .about_wz{text-align: center;padding-top: 140px;}
.about_fix .about_wz h4{font-size: 60px;color: #fff;margin-bottom: 30px;}
.about_fix .about_wz p{font-size: 22px;color: #fff;}

.ab3_sec{width: 100%;}
.home_recent-work{padding-top: 80px; padding-bottom: 240px; background: url(../images/ab3-bg.png) #f5f5f5 no-repeat center; background-size: cover;}
ul.timeline{display: inline-block; position: relative; width: auto; height: 0; margin-top: 200px; margin-left: -25%;  white-space: nowrap; transition: margin-left .5s ease-in; -webkit-transition: margin-left .5s ease-in;}
ul.timeline.ondrag{transition: none; -webkit-transition: none; }
ul.timeline:before{content: ""; display: block; position: absolute; top: -1px; left: -50%; width: 200%; height: 0; border-bottom: 2px dotted #a68254;}
ul.timeline>li{display: inline-block; float: none;  position: inherit; width: 300px; height: 54px; margin: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.time-item{width: 100%;height: 100%;}
.time-inner{top: 0; width: 22px; height: 22px; padding: 6px; overflow: hidden; border: 1px solid #a68254; z-index: 1; border-radius: 50%; box-shadow: 0 0 0 transparent; background: #f4f3f3; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.time-inner,.time-inner:before{position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.time-inner:before{content: ""; top: 50%; display: block; width: 6px; height: 6px; border-radius: 50%; background: #a68254;}
.time-inner:not(.expands):hover{width: 106px; height: 106px; z-index: 1; animation: scaleInBorder .3s ease-out; -webkit-animation: scaleInBorder .3s ease-out;}
.time-inner.expands{transition: none; -webkit-transition: none;}
.time-inner:hover:before{width: 90px;height: 90px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;}
.time-inner.ondrag:hover:before{transition: none; -webkit-transition: none;}
.time-inner:not(.expands):hover .time-detail{-webkit-animation: scaleInFlex .3s ease-out; animation: scaleInFlex .3s ease-out; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: .1s; transition-delay: .1s;}
.time-inner.ondrag:hover .time-detail{-webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition: none; transition: none;}
.time-inner.expand{z-index: 102;}
.time-inner.collapse{border-radius: 50%;z-index: 101; -webkit-animation: collapseWorkClient .3s linear;animation: collapseWorkClient .3s linear;-webkit-transition: none;transition: none;}
.time-detail{position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 0; white-space: normal; border-radius: 50%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;-webkit-transform: scale(0);transform: scale(0);}
.time-inner.collapse .time-detail,.time-inner.expands .time-detail{-webkit-transform: none;transform: none;-webkit-transition: none;transition: none;border-radius: 0;}
.time-detail .picture_holder{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.time-inner.expands .picture_holder{height: 350px;}
.time-detail .details_content{box-sizing: border-box; height: 310px; padding: 30px 40px; overflow-y: scroll;  text-align: left; background-color: #fff;}
.time-detail .details_content::-webkit-scrollbar-track-piece {
    width: 10px;
    background-color: #f9f9f9
}

.time-detail .details_content::-webkit-scrollbar {
    width: 5px;
    height: 6px
}

.time-detail .details_content::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #1d24aa;
}
.time-detail .details_content h4{position: relative; line-height: 56px; margin-bottom: 20px; color: #1d24aa; font-size: 28px; font-weight: bold;}
.time-detail .details_content h4::after{content: ""; display: block; width: 28px; height: 3px; background-color: #ccc;}
.time-detail .details_content .nr p{line-height: 26px; color: #666; font-size: 15px; font-weight: 300; margin-bottom: 0;}
.time-detail .details_content .cta-button{font-size: 16px;line-height: 19px;color: #a68254;font-weight: 300}
.time-detail .details_content .cta-button:hover .animated-arrow{color: #9c8050;}
.timeline .time-name{display: block; position: absolute; top: 24px; bottom: -10px; margin: 0; width: 100%;font-size: 24px; z-index: 0; text-transform: uppercase; text-align: center; font-weight: 300; filter: blur(2px);-webkit-filter: blur(2px);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.time-inner.expand~.time-name,.time-inner:hover~.time-name{top: 60px; filter: blur(0); -webkit-filter: blur(0);}
.timeline .time-name{opacity: .5;}
.time-inner.expand~.time-name,.time-inner:hover~.time-name{opacity: 1;}
.recent-work_content:hover .time-inner:not(.expand):not(:hover){width: 36px;height: 36px;padding: 0;}
.recent-work_content:hover .time-inner:not(.expand):not(:hover) .time-detail{-webkit-transform: scale(1);transform: scale(1);}


.ab2_sec{background-image: url(../images/ab2_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 9%;padding-bottom: 70px;}
.ab2_sec .ab2_cot{margin-top: 20px;}
.ab2_sec .ab2_cot ul li{float: left;width: 23%;margin: 0 10px;}
.ab2_sec .ab2_cot .ab2_li{width: 100%;height: 368px;background-repeat: no-repeat;background-position: center;background-size: cover;padding-top: 130px;}
.ab2_sec .ab2_cot .ab2_li .top{text-align: center;margin-bottom: 30px;}
.ab2_sec .ab2_cot .ab2_li .top h4{font-size: 18px;color: #fff;margin-bottom: 10px;}
.ab2_sec .ab2_cot .ab2_li .top p{font-size: 12px;color: #fff;}
.ab2_sec .ab2_cot .ab2_li .txt{text-align: center;}
.ab2_sec .ab2_cot .ab2_li .txt p{font-size: 14px;color: #fff;margin-bottom: 10px;}


/* 登录页 */
.login{height: 1080px;background-image: url(../images/login_bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.login .login_box{position: absolute;top: 90px;right: 190px;}
.login .login_box .logo{margin-bottom: 70px;text-align: center;}
.login .login_box .outside{/*width: 543px;*/width: 620px;/*height: 587px;*/height: 703px;background-image: url(../images/box1.png);background-repeat: no-repeat;background-position: center;background-size: cover;padding: 90px 60px;position: relative;}
.login .login_box .outside h2{font-size: 32px;color: #333;font-weight: bold;margin-bottom: 40px;}
.login .login_box .outside .phone input{font-size: 18px;color: #888; width: 100%;height: 66px;border: 1px solid #e5e5e5;padding-left: 20px;margin-bottom: 20px;}
.login .login_box .outside .pwd input{font-size: 18px;color: #888; width: 100%;height: 66px;border: 1px solid #e5e5e5;padding-left: 20px;}
.login .login_box .outside .login_btn a{ display: inline-block; width: 100%;height: 62px;border-radius: 5px;background-color: rgb(0, 127, 225);text-align: center;font-size: 24px;color: #fff;line-height: 62px;margin-top: 40px;}
.login .login_box .outside .bott{display: flex;justify-content: space-between;align-items: center;margin-top: 30px;}
.login .login_box .outside .bott .forget a{font-size: 18px;color: #999;font-weight: bold;}
.login .login_box .outside .bott .register a{font-size: 20px;color: #007fe1;font-weight: bold;}
.login .login_box .outside .back{position: absolute;top: 50px;right: 60px;}


/* 忘记密码 */
.login .login_box .outside .yzm{position: relative;}
.login .login_box .outside .yzm .getYzm{font-size: 18px;color: #999;position: absolute;top: 10px;right: 0;border-left: 1px solid #e5e5e5;padding: 10px 20px;}
.login .login_box .outside .yzm input{font-size: 18px;color: #888; width: 100%;height: 66px;border: 1px solid #e5e5e5;padding-left: 20px;}
.login .login_box .outside .forget_btn a{display: inline-block; width: 100%;height: 62px;border-radius: 5px;background-color: rgb(0, 127, 225);text-align: center;font-size: 24px;color: #fff;line-height: 62px;margin-top: 40px;opacity: 0.502;}
.login .login_box .outside .bott .back_login a{font-size: 18px;color: #007fe1;font-weight: bold;}


/* 注册 */
.login .login_box .outside .agree{display: flex;justify-content: flex-start;align-items: center;margin-top: 20px;}
.login .login_box .outside .agree p{font-size: 14px;color: #999;font-weight: bold;margin-left: 10px;}
.login .login_box .outside .agree p span{color: #007fe1;}
.login .login_box .outside .register_btn a{ display: inline-block; width: 100%;height: 62px;border-radius: 5px;background-color: #bfbfbf;text-align: center;font-size: 24px;color: #fff;line-height: 62px;margin-top: 30px;}
.login .login_box .outside .bott .account span{font-size: 18px;color: #999;font-weight: bold;}
.login .login_box .outside .bott .account a{font-size: 18px;color: #007fe1;font-weight: bold;}


/* 设置密码 */
.set{height: 1080px;background-image: url(../images/login_bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.set .set_box{position: absolute;top: 90px;right: 190px;}
.set .set_box .logo{margin-bottom: 70px;text-align: center;}
.set .set_box .set_outside{width: 543px;height: 485px;background-image: url(../images/box2.png);background-repeat: no-repeat;background-position: center;background-size: cover;padding: 90px 60px;position: relative;}
.set .set_box .set_outside h2{font-size: 32px;color: #333;font-weight: bold;margin-bottom: 40px;}
.set .set_box .set_outside .bott{display: flex;justify-content: space-between;align-items: center;margin-top: 30px;}
.set .set_box .set_outside .bott .b_login a{font-size: 18px;color:#007fe1;font-weight: bold;}
.set .set_box .set_outside .zf input{font-size: 18px;color: #888; width: 100%;height: 66px;border: 1px solid #e5e5e5;padding-left: 20px;}
.set .set_box .set_outside .back{position: absolute;top: 50px;right: 60px;}
.set .set_box .set_outside .comfirm_btn a{display: inline-block; width: 100%;height: 62px;border-radius: 5px;background-color: rgb(0, 127, 225);text-align: center;font-size: 24px;color: #fff;line-height: 62px;margin-top: 40px;opacity: 0.502;}


/* 行业应用 */
.trade_top{margin-top: 40px;border-bottom: 2px solid #ccc;padding-bottom: 20px;}
.trade_top .trade_title{text-align: center;}
.trade_top .trade_title h3{font-size: 32px;color: #333;position: relative;}
.trade_top .trade_title h3::after{content: '';width: 24px;height: 3px;background-color: #333;display: inline-block;position: absolute;left: 49%;bottom: -15px;}
.trade_top .trade_nav {margin-top: 40px;}
.trade_top .trade_nav ul li{float: left;margin-right: 10px;}
.trade_top .trade_nav ul li a{display: block; width: 120px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; border-radius: 30px; background-color: transparent;}
/* .trade_top .trade_nav ul .nli.on{background-color: #1d24aa;} */
.trade_top .trade_nav ul .nli.on a{color: #fff; background: -moz-linear-gradient(to right,#367dd9 0,#2c9fd1 100%); background: -webkit-linear-gradient(to right,#367dd9 0,#2c9fd1 100%);background: linear-gradient(to right,#367dd9 0,#2c9fd1 100%);}
/* .trade_top .trade_nav ul .nli:hover{background-color: #9b9ca7;} */
.trade_top .trade_nav ul .nli a:hover{color: #fff; background: -moz-linear-gradient(to right,#367dd9 0,#2c9fd1 100%); background: -webkit-linear-gradient(to right,#367dd9 0,#2c9fd1 100%);background: linear-gradient(to right,#367dd9 0,#2c9fd1 100%);}
.trade_list ul li{float: left;width: 33.333333%;padding: 20px;margin-top: 20px;}
.trade_list .trade_li .img_box{overflow: hidden;box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.31);}
.trade_list .trade_li .trade_img {background-position: center;background-repeat: no-repeat;background-size: cover;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.trade_list .trade_li .trade_img img{display: block; width: 100%;height: auto;}
.trade_list .trade_li .trade_wz {text-align: center;padding-top: 20px;}
.trade_list .trade_li .trade_wz h3{font-size: 16px;color: #666;margin-bottom: 10px;}
.trade_list .trade_li .trade_wz p{font-size: 12px;color: #999;margin-top: 5px;}
.trade_list .trade_li .trade_wz .xian{width: 28px;height: 2px;background-color: #1d24aa;margin-left: 46%;}
.trade_list ul li:hover .trade_img{transform: scale(1.1); -webkit-transform: scale(1.1);}


/* 服务支持 */
.service_top {margin-top: 40px;margin-bottom: 20px;}
.service_top ul{display: flex;justify-content: center;align-items: center;}
.service_top ul li a{font-size: 20px;color: #999;margin: 0 40px;}
.service_top ul .nli.on a{color: #1d24aa;border-bottom: 2px solid #1d24aa;padding-bottom: 10px;}
.service_top ul .nli:hover a{color: #1d24aa;}
.service_cot .hd{margin: 60px 0;}
.service_cot .hd ul{display: flex;justify-content: center;align-items: center;}
.service_cot .hd ul li{ width: 144px;height: 38px;background-color: rgb(229, 229, 229);font-size: 16px;color: #666;border-radius: 19px;text-align: center;line-height: 38px;margin: 0 20px;}
.service_cot .hd ul li.on{background-color: #1d24aa;color: #fff!important;}
.service_cot .hd ul li.on>a{color: #fff!important;}
.service_cot .bd .nr ul li{float: left;width: 46%;margin: 0 20px;margin-bottom: 40px;}
.service_cot .bd .nr .service_li{background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.31);padding: 20px 20px;display: flex;justify-content: flex-start;align-items: center;}
.service_cot .bd .nr .service_li .service_left {margin-right: 20px;}
.service_cot .bd .nr .service_li .service_left .service_img{background-repeat: no-repeat;background-position: center;background-size: cover;}
.service_cot .bd .nr .service_li .service_left .service_img img{width: 100%;}
.service_cot .bd .nr .service_li .servicr_right h4{font-size: 20px;color: #333;font-weight: bold;line-height: 30px;}
.service_cot .bd .nr .service_li .servicr_right p{font-size: 14px;color: #666;margin: 20px 0;}
.service_cot .bd .nr .service_li .servicr_right .bott{display: flex;justify-content: space-between;align-items: center;}
.service_cot .bd .nr .service_li .servicr_right .bott .download{ width: 107px;height: 36px;background-color: rgb(255, 38, 38);border-radius: 18px;display: flex;justify-content: center;align-items: center;}
.service_cot .bd .nr .service_li .servicr_right .bott .download span{font-size: 14px;color: #fff;margin-left: 10px;}
.service_cot .bd .nr .service_li .servicr_right .bott .download .down2{display: none;}
.service_cot .bd .nr .service_li .servicr_right .bott .time{display: flex;justify-content: flex-start;align-items: center;}
.service_cot .bd .nr .service_li .servicr_right .bott .time span{font-size: 14px;color: #999;margin-left: 10px;}
.service_cot .bd .nr .service_li .servicr_right .bott .time .time2{display: none;}
.service_cot .bd .nr ul li:hover .service_li{background-color: #1d24aa;}
.service_cot .bd .nr ul li:hover .service_li .servicr_right h4{color: #fff;}
.service_cot .bd .nr ul li:hover .service_li .servicr_right p{color: #fff;}
.service_cot .bd .nr ul li:hover .service_li .servicr_right .bott .download{background-color: #fff;}
.service_cot .bd .nr ul li:hover .service_li .servicr_right .bott .download span{color: #ff2626;}
.service_cot .bd .nr ul li:hover .service_li .servicr_right .bott .download .down1{display: none;}
.service_cot .bd .nr ul li:hover .service_li .servicr_right .bott .download .down2{display: block;}
.service_cot .bd .nr ul li:hover .service_li .servicr_right .bott .time span{color: #fff;}
.service_cot .bd .nr ul li:hover .service_li .servicr_right .bott .time1{display: none;}
.service_cot .bd .nr ul li:hover .service_li .servicr_right .bott .time2{display: block;}


/* 产品中心 */
.pro_top{margin-top: 40px;margin-bottom: 40px;}
.pro_top ul{display: flex;justify-content: center;align-items: center;}
.pro_top ul li a{font-size: 20px;color: #999;margin: 0 20px;position: relative;}
.pro_top ul .nli.on a{color: #1d24aa;}
.pro_top ul .nli.on a::after{content: '';display: inline-block;width: 79px;height: 2px;background-color: #1d24aa;text-align: center;position: absolute;left: 35%;bottom: -20px;}
.pro_top ul .nli:hover a{color: #1d24aa;}
.pro_list ul li{float: left;width: 33.333333%;padding: 20px;margin-top: 20px;}
.pro_list .pro_li .img_box{overflow: hidden;box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.31);}
.pro_list .pro_li .pro_img {background-position: center;background-repeat: no-repeat;background-size: cover;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.pro_list .pro_li .pro_img img{width: 100%;display: block;height: auto;}
.pro_list .pro_li .pro_wz {text-align: center;padding-top: 20px;}
.pro_list .pro_li .pro_wz h3{font-size: 16px;color: #666;margin-bottom: 10px;}
.pro_list .pro_li .pro_wz p{font-size: 12px;color: #999;margin-top: 5px; height:35px;}
.pro_list .pro_li .pro_wz .xian{width: 28px;height: 2px;background-color: #1d24aa;margin-left: 46%;}
.pro_list ul li:hover .pro_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

/* .news_main ul li{float: left; width: 24%; margin: 0 0.5%;margin-top: 60px;}
.news_main ul li .img_box{overflow: hidden;}
.news_main ul li .img{background-repeat: no-repeat; background-position: center center; background-size: cover;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.news_main ul li .img img{display: block; width: 100%; height: auto;}
.news_main ul li .txt{position: relative; padding: 20px 15px; z-index: 2;box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.news_main ul li .txt h2{font-size: 16px; height: 50px; line-height: 25px; margin-bottom: 15px; font-weight: 600; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_main ul li .txt p{line-height: 22px; height: 48px; margin-bottom: 12px; color: #777; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_main ul li .txt .btn0{width: 108px; height: 32px; line-height: 28px; text-align: center; border-radius: 30px; border:1px solid #2b75d7; font-size: 12px; color: #347bd7;}
.news_main ul li .txt .btn0:hover{background-color: #2b75d7; color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.news_main ul li .txt .xbg{position: absolute; bottom: 25px; right: 25px; width:118px; height: 77px; background: url(../images/news2-13.png) no-repeat top center; background-size: 100% auto; }
.news_main ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news_main ul li:hover .txt{box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.news_main ul li:hover .txt h2{color: #1d24aa;} */

/* 培训中心 */
.train_top {margin-top: 40px;margin-bottom: 20px;}
.train_top ul{display: flex;justify-content: center;align-items: center;}
.train_top ul li a{font-size: 20px;color: #999;margin: 0 40px;}
.train_top ul .nli.on a{color: #1d24aa;border-bottom: 2px solid #1d24aa;padding-bottom: 10px;}
.train_top ul .nli:hover a{color: #1d24aa;}
.train_cot .hd{margin: 60px 0;}
.train_cot .hd ul{display: flex;justify-content: center;align-items: center;}
.train_cot .hd ul li{ width: 144px;height: 38px;background-color: rgb(229, 229, 229);font-size: 16px;color: #666;border-radius: 19px;text-align: center;line-height: 38px;margin: 0 20px;}
.train_cot .hd ul li.on{background-color: #1d24aa;color: #fff;}
.train_cot .hd ul li.on>a{color: #fff!important;}
.train_cot .bd .nr ul li{float: left; width: 24%; margin: 0 0.5%;margin-bottom: 60px;}
.train_cot .bd .nr ul li .img_box{overflow: hidden;}
.train_cot .bd .nr ul li .img{background-repeat: no-repeat; background-position: center center; background-size: cover;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.train_cot .bd .nr ul li .img img{display: block; width: 100%; height: auto;}
.train_cot .bd .nr ul li .txt{position: relative; padding: 20px 15px; z-index: 2;box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.train_cot .bd .nr ul li .txt h2{font-size: 16px; height: 50px; line-height: 25px; margin-bottom: 15px; font-weight: 600; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.train_cot .bd .nr ul li .txt p{line-height: 22px; height: 48px; margin-bottom: 12px; color: #777; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.train_cot .bd .nr ul li .txt .btn0{width: 108px; height: 32px; line-height: 28px; text-align: center; border-radius: 30px; border:1px solid #2b75d7; font-size: 12px; color: #347bd7;}
.train_cot .bd .nr ul li .txt .btn0:hover{background-color: #2b75d7; color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.train_cot .bd .nr ul li .txt .xbg{position: absolute; bottom: 25px; right: 25px; width:118px; height: 77px; background: url(../images/news2-13.png) no-repeat top center; background-size: 100% auto; }
.train_cot .bd .nr ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.train_cot .bd .nr ul li:hover .txt{box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.train_cot .bd .nr ul li:hover .txt h2{color: #1d24aa;}


/* 培训中心-培训资料 */
.train_top {margin-top: 40px;margin-bottom: 20px;}
.train_top ul{display: flex;justify-content: center;align-items: center;}
.train_top ul li a{font-size: 20px;color: #999;margin: 0 40px;}
.train_top ul .nli.on a{color: #1d24aa;border-bottom: 2px solid #1d24aa;padding-bottom: 10px;}
.train_top ul .nli:hover a{color: #1d24aa;}
.material_cot .hd{margin: 60px 0;}
.material_cot .hd ul{display: flex;justify-content: center;align-items: center;}
.material_cot .hd ul li{ width: 144px;height: 38px;background-color: rgb(229, 229, 229);font-size: 16px;color: #666;border-radius: 19px;text-align: center;line-height: 38px;margin: 0 20px;}
.material_cot .hd ul li.on{background-color: #1d24aa;color: #fff;}
.material_cot .hd ul li.on>a{color: #fff!important;}
.material_cot .bd .nr ul li{float: left;width: 46%;margin: 0 20px;margin-bottom: 40px;}
.material_cot .bd .nr .service_li{background-color: #fff; box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.31);padding: 20px 20px;display: flex;justify-content: flex-start;align-items: center;}
.material_cot .bd .nr .service_li .service_left {margin-right: 20px;}
.material_cot .bd .nr .service_li .service_left .service_img{background-repeat: no-repeat;background-position: center;background-size: cover;}
.material_cot .bd .nr .service_li .service_left .service_img img{width: 100%;}
.material_cot .bd .nr .service_li .servicr_right h4{font-size: 20px;color: #333;font-weight: bold;line-height: 30px;}
.material_cot .bd .nr .service_li .servicr_right p{font-size: 14px;color: #666;margin: 20px 0;}
.material_cot .bd .nr .service_li .servicr_right .bott{display: flex;justify-content: space-between;align-items: center;}
.material_cot .bd .nr .service_li .servicr_right .bott .download{ width: 107px;height: 36px;background-color: rgb(255, 38, 38);border-radius: 18px;display: flex;justify-content: center;align-items: center;}
.material_cot .bd .nr .service_li .servicr_right .bott .download span{font-size: 14px;color: #fff;margin-left: 10px;}
.material_cot .bd .nr .service_li .servicr_right .bott .download .down2{display: none;}
.material_cot .bd .nr .service_li .servicr_right .bott .time{display: flex;justify-content: flex-start;align-items: center;}
.material_cot .bd .nr .service_li .servicr_right .bott .time span{font-size: 14px;color: #999;margin-left: 10px;}
.material_cot .bd .nr .service_li .servicr_right .bott .time .time2{display: none;}
.material_cot .bd .nr ul li:hover .service_li{background-color: #1d24aa;}
.material_cot .bd .nr ul li:hover .service_li .servicr_right h4{color: #fff;}
.material_cot .bd .nr ul li:hover .service_li .servicr_right p{color: #fff;}
.material_cot .bd .nr ul li:hover .service_li .servicr_right .bott .download{background-color: #fff;}
.material_cot .bd .nr ul li:hover .service_li .servicr_right .bott .download span{color: #ff2626;}
.material_cot .bd .nr ul li:hover .service_li .servicr_right .bott .download .down1{display: none;}
.material_cot .bd .nr ul li:hover .service_li .servicr_right .bott .download .down2{display: block;}
.material_cot .bd .nr ul li:hover .service_li .servicr_right .bott .time span{color: #fff;}
.material_cot .bd .nr ul li:hover .service_li .servicr_right .bott .time1{display: none;}
.material_cot .bd .nr ul li:hover .service_li .servicr_right .bott .time2{display: block;}


/* 培训中心-课程视频 */
.course_cot .hd{margin: 60px 0;}
.course_cot .hd ul{display: flex;justify-content: center;align-items: center;}
.course_cot .hd ul li{ width: 144px;height: 38px;background-color: rgb(229, 229, 229);font-size: 16px;color: #666;border-radius: 19px;text-align: center;line-height: 38px;margin: 0 20px;}
.course_cot .hd ul li.on{background-color: #1d24aa;color: #fff;}
.course_cot .hd ul li.on>a{color: #fff;}
.course_cot .bd .nr ul li{float: left;width: 33.333333%;padding: 20px;margin-top: 20px;}
.course_cot .bd .nr .course_li .course_img {box-shadow: 0px 0px 8px 0px rgba(51, 51, 51, 0.31);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.course_cot .bd .nr .course_li .course_img img{width: 100%;}
.course_cot .bd .nr .course_li .course_img .play_img{position: absolute;top: 0;left: 0;opacity: 0;}
.course_cot .bd .nr .course_li .course_wz {padding-top: 20px;}
.course_cot .bd .nr .course_li .course_wz h3{font-size: 18px;color: #666;margin-bottom: 10px;font-weight: bold;}
.course_cot .bd .nr .course_li .course_wz p{font-size: 14px;color: #999;margin-top: 5px;}
.course_cot .bd ul li:hover .course_img{background-color: rgb(0, 0, 0); opacity: 0.502;}
.course_cot .bd ul li:hover .course_img .play_img{opacity: 1;}


/* 产品详情页 */
.detail_top{background-color: #e5eaf9;}
.detail_top .detail_box{width: 80%;margin: 0 auto;margin-top: 80px;margin-bottom: 40px;}
.detail_top .detail_box .detail_left{width: 50%;padding-right: 60px;}
.detail_top .detail_box .detail_left h2{font-size: 32px;color: #1d24aa;font-weight: bold;}
.detail_top .detail_box .detail_left p{font-size: 14px;color: #333;margin: 40px 0;line-height: 35px;}
.detail_top .detail_box .detail_left .bott{display: flex;justify-content: flex-start;align-items: center;}
.detail_top .detail_box .detail_left .bott .detail_btn1 a{display: inline-block;width: 160px;height: 48px;border-radius: 4px;background-color: rgb(254, 35, 35);font-size: 16px;color: #fff;text-align: center;line-height: 48px;margin-right: 20px;}
.detail_top .detail_box .detail_left .bott .detail_btn2 a{display: inline-block;width: 160px;height: 48px;border-radius: 4px;background-color: rgb(29, 36, 170);font-size: 16px;color: #fff;text-align: center;line-height: 48px;}
.detail_top .detail_box .detail_right{width: 50%;}
.detail_top .detail_box .detail_right img{width: 100%;}
.detail_bott{position: relative;}
.detail_bott .detail_bg{width: 100%; height: 172px;background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;z-index: -1;}
.detail_bott .detail_main{width: 80%;margin: 0 auto;}
.detail_bott .detail_main h2{font-size: 36px;color: #fff;margin: 40px 0;}
.detail_bott .detail_main .intro_cot .hd ul{display: flex;justify-content: flex-start;align-items: center;}
.detail_bott .detail_main .intro_cot .hd ul li{ width: 239px;height: 52px;background-color: rgb(51, 51, 51);font-size: 20px;color: #fff;text-align: center;line-height: 52px;margin-right: 10px;}
.detail_bott .detail_main .intro_cot .hd ul li.on{background-color: #fff;color: #1d24aa;}
.detail_bott .detail_main .intro_cot .bd .intro_box{height: 280px;margin: 40px 0;}
.detail_bott .detail_main .intro_cot .bd .intro_box .intro_title{text-align: center;padding: 40px 0;}
.detail_bott .detail_main .intro_cot .bd .intro_box .intro_title p{font-size: 32px;color: #fff;}
.detail_bott .detail_main .intro_cot .bd .intro_box .content ul{display: flex;justify-content: space-between;align-items: center;}
.detail_bott .detail_main .intro_cot .bd .intro_box .content ul li{width: 160px;height: 78px;background-color: rgb(29, 36, 170); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.24);border-radius: 4px;}
.detail_bott .detail_main .intro_cot .bd .intro_box .content .intro_li{text-align: center;padding-top: 10px;}
.detail_bott .detail_main .intro_cot .bd .intro_box .content .intro_li p{font-size: 16px;color: #fff;margin-top: 10px;}


/* 联系我们 */
.contact_box{width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;padding-bottom: 90px;}
.contact_box .contact_title{text-align: center;padding: 60px 0;}
.contact_box .contact_title h2{font-size: 48px;color: #fff;}
.contact_box .contact_title p{font-size: 24px;color: #fff;margin-top: 10px;}
.contact_box .contact_cot{display: flex;justify-content: space-between;align-items: center;width: 77%;margin: 0 auto;}
.contact_box .contact_cot .contact_01{ width: 316px;height: 560px;background-color: #fff;padding: 0 20px;overflow-y: auto;}
.contact_box .contact_cot .contact_01 .total{padding-top: 20px;}
.contact_box .contact_cot .contact_01 .total_title h4{font-size: 18px;color: #1d24aa;font-weight: bold;}
.contact_box .contact_cot .contact_01 .total_title i{display: block;width: 22px;height: 2px;background-color: rgb(153, 153, 153);margin-top: 15px;}
.contact_box .contact_cot .contact_01 .total_box ul li{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 20px;}
.contact_box .contact_cot .contact_01 .total_box ul li .wz{margin-left: 20px;}
.contact_box .contact_cot .contact_01 .total_box ul li .wz p{font-size: 14px;color: #333;margin-bottom: 5px;}
.contact_box .contact_cot .contact_02{width: 316px;}
.contact_box .contact_cot .contact_02 .top{background-color: #fff;height: 388px;width: 316px;}
.contact_box .contact_cot .contact_02 .top .img img{width: 100%;}
.contact_box .contact_cot .contact_02 .top .content{padding: 15px 20px;}
.contact_box .contact_cot .contact_02 .top .content .title h4{font-size: 14px;color: #1d24aa;font-weight: bold;}
.contact_box .contact_cot .contact_02 .top .content .title i{display: block;width: 22px;height: 2px;background-color: rgb(153, 153, 153);margin: 10px 0;}
.contact_box .contact_cot .contact_02 .top .content .txt p{font-size: 12px;color: #8b8b8b;}
.contact_box .contact_cot .contact_02 .top .content .txt ul li{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 10px;}
.contact_box .contact_cot .contact_02 .top .content .txt .txt_l{width: 50px;}
.contact_box .contact_cot .contact_02 .bott{background-image: url(../images/map.png);background-repeat: no-repeat;background-position: center;background-size: cover;height: 159px;position: relative;margin-top: 20px;padding: 20px 20px;}
.contact_box .contact_cot .contact_02 .bott .title h4{font-size: 14px;color: #1d24aa;font-weight: bold;}
.contact_box .contact_cot .contact_02 .bott .title i{display: block;width: 22px;height: 2px;background-color: rgb(153, 153, 153);margin: 10px 0;}
.contact_box .contact_cot .contact_03{width: 316px;}
.contact_box .contact_cot .contact_03 .top{background-color: #fff;margin-bottom: 20px;height: 388px;width: 316px;}
.contact_box .contact_cot .contact_03 .top .img img{width: 100%;}
.contact_box .contact_cot .contact_03 .top .content{padding: 15px 20px;}
.contact_box .contact_cot .contact_03 .top .content .title h4{font-size: 14px;color: #1d24aa;font-weight: bold;}
.contact_box .contact_cot .contact_03 .top .content .title i{display: block;width: 22px;height: 2px;background-color: rgb(153, 153, 153);margin: 10px 0;}
.contact_box .contact_cot .contact_03 .top .content .txt ul li{display: flex;justify-content: flex-start;align-items: center;margin-top: 18px;}
.contact_box .contact_cot .contact_03 .top .content .txt .txt_l{margin-right: 20px;}
.contact_box .contact_cot .contact_03 .bott .bott_li{display: flex;justify-content: space-between;align-items: center;width: 316px;height: 49px;background-color: #fff;margin-bottom: 5px;padding: 0 20px;}
.contact_box .contact_cot .contact_03 .bott .wz{display: flex;justify-content: flex-start;align-items: center;}
.contact_box .contact_cot .contact_03 .bott .wz .two{display: none;}
.contact_box .contact_cot .contact_03 .bott .wz p{font-size: 16px;color: #1d24aa;margin-left: 10px;}
.contact_box .contact_cot .contact_03 .bott .img .x_img{display: none;}
.contact_box .contact_cot .contact_03 .bott ul li:hover .bott_li{background-color: #1d24aa;cursor: pointer;}
.contact_box .contact_cot .contact_03 .bott ul li:hover .wz p{color: #fff;}
.contact_box .contact_cot .contact_03 .bott ul li:hover .wz .one{display: none;}
.contact_box .contact_cot .contact_03 .bott ul li:hover .wz .two{display: block;}
.contact_box .contact_cot .contact_03 .bott ul li:hover .img .x_img{display: block;}
.contact_box .contact_cot .contact_03 .bott ul li:hover .img .w_img{display: none;}


/* 在线反馈表单 */
.feedback{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 70px 0;}
.feedback .title{text-align: center;}
.feedback .title h2{font-size: 48px;color: #fff;}
.feedback .title p{font-size: 24px;color: #fff;margin-top: 10px;}
.feedback .feedback_box{width: 80%;background-color: #fff;padding: 90px 140px;margin: 0 auto;margin-top: 60px;}
.feedback .feedback_box h4{font-size: 20px;color: #333;}
.feedback .feedback_box .info_01{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.feedback .feedback_box .info_01 .ask p{font-size: 14px;color: #333;}
.feedback .feedback_box .info_01 .ask input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.feedback .feedback_box .info_01 .name p{font-size: 14px;color: #333;}
.feedback .feedback_box .info_01 .name p span{color: #ff2626;}
.feedback .feedback_box .info_01 .name input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.feedback .feedback_box .info_02{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.feedback .feedback_box .info_02 .phone p{font-size: 14px;color: #333;}
.feedback .feedback_box .info_02 .phone p span{color: #ff2626;}
.feedback .feedback_box .info_02 .phone input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.feedback .feedback_box .info_02 .email p{font-size: 14px;color: #333;}
.feedback .feedback_box .info_02 .email p span{color: #ff2626;}
.feedback .feedback_box .info_02 .email input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.feedback .feedback_box .info_03{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.feedback .feedback_box .info_03 .number p{font-size: 14px;color: #333;}
.feedback .feedback_box .info_03 .number input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.feedback .feedback_box .info_03 .address p{font-size: 14px;color: #333;}
.feedback .feedback_box .info_03 .address p span{color: #ff2626;}
.feedback .feedback_box .info_03 .address input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.feedback .feedback_box .info_04 {display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.feedback .feedback_box .info_04 .adr p{font-size: 14px;color: #333;}
.feedback .feedback_box .info_04 .adr input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.feedback .feedback_box .info_05{margin-top: 20px;}
.feedback .feedback_box .info_05 .liuyan p{font-size: 14px;color: #333;}
.feedback .feedback_box .info_05 .liuyan p span{color: #ff2626;}
.feedback .feedback_box .info_05 .liuyan textarea{width: 100%; border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;padding-top: 10px;}
.feedback .feedback_box .submit{width: 717px;height: 50px;border-radius: 10px;background-color: rgb(29, 36, 170);font-size: 14px;color: #fff;text-align: center;line-height: 50px;margin-top: 40px;margin: 0 auto;margin-top: 40px;}


/* 招商代理报名 */
.agent{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 70px 0;}
.agent .title{text-align: center;}
.agent .title h2{font-size: 48px;color: #fff;}
.agent .title p{font-size: 24px;color: #fff;margin-top: 10px;}
.agent .agent_box{width: 80%;background-color: #fff;padding: 90px 140px;margin: 0 auto;margin-top: 60px;}
.agent .agent_box h4{font-size: 20px;color: #333;}
.agent .agent_box .info_01{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.agent .agent_box .info_01 .name p{font-size: 14px;color: #333;}
.agent .agent_box .info_01 .name p span{color: #ff2626;}
.agent .agent_box .info_01 .name input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.agent .agent_box .info_01 .tel p{font-size: 14px;color: #333;}
.agent .agent_box .info_01 .tel p span{color: #ff2626;}
.agent .agent_box .info_01 .tel input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.agent .agent_box .info_02{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.agent .agent_box .info_02 .email p{font-size: 14px;color: #333;}
.agent .agent_box .info_02 .email p span{color: #ff2626;}
.agent .agent_box .info_02 .email input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.agent .agent_box .info_02 .work p{font-size: 14px;color: #333;}
.agent .agent_box .info_02 .work p span{color: #ff2626;}
.agent .agent_box .info_02 .work input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.agent .agent_box .info_03{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.agent .agent_box .info_03 .company p{font-size: 14px;color: #333;}
.agent .agent_box .info_03 .company p span{color: #ff2626;}
.agent .agent_box .info_03 .company input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.agent .agent_box .info_03 .address p{font-size: 14px;color: #333;}
.agent .agent_box .info_03 .address p span{color: #ff2626;}
.agent .agent_box .info_03 .address input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.agent .agent_box .info_04 {display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.agent .agent_box .info_04 .trade p{font-size: 14px;color: #333;}
.agent .agent_box .info_04 .trade p span{color: #ff2626;}
.agent .agent_box .info_04 .trade input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.agent .agent_box .info_05{margin-top: 20px;}
.agent .agent_box .info_05 .beizhu p{font-size: 14px;color: #333;}
.agent .agent_box .info_05 .beizhu textarea{width: 100%; border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;padding-top: 10px;}
.agent .agent_box .submit{width: 717px;height: 50px;border-radius: 10px;background-color: rgb(29, 36, 170);font-size: 14px;color: #fff;text-align: center;line-height: 50px;margin-top: 40px;margin: 0 auto;margin-top: 40px;}


/* 售后维修 */
.repair{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 70px 0;}
.repair .title{text-align: center;}
.repair .title h2{font-size: 48px;color: #fff;}
.repair .title p{font-size: 24px;color: #fff;margin-top: 10px;}
.repair .repair_box{width: 80%;background-color: #fff;padding: 90px 140px;margin: 0 auto;margin-top: 60px;}
.repair .repair_box .custom_info h4{font-size: 20px;color: #333;font-weight: bold;}
.repair .repair_box .custom_info .info_01{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.repair .repair_box .custom_info .info_01 .work p{font-size: 14px;color: #333;}
.repair .repair_box .custom_info .info_01 .work p span{color: #ff2626;}
.repair .repair_box .custom_info .info_01 .work input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .custom_info .info_01 .name p{font-size: 14px;color: #333;}
.repair .repair_box .custom_info .info_01 .name p span{color: #ff2626;}
.repair .repair_box .custom_info .info_01 .name input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .custom_info .info_02{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.repair .repair_box .custom_info .info_02 .phone p{font-size: 14px;color: #333;}
.repair .repair_box .custom_info .info_02 .phone p span{color: #ff2626;}
.repair .repair_box .custom_info .info_02 .phone input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .custom_info .info_02 .email p{font-size: 14px;color: #333;}
.repair .repair_box .custom_info .info_02 .email p span{color: #ff2626;}
.repair .repair_box .custom_info .info_02 .email input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .custom_info .info_03{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.repair .repair_box .custom_info .info_03 .tel p{font-size: 14px;color: #333;}
.repair .repair_box .custom_info .info_03 .tel input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .custom_info .info_03 .address p{font-size: 14px;color: #333;}
.repair .repair_box .custom_info .info_03 .address p span{color: #ff2626;}
.repair .repair_box .custom_info .info_03 .address input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .problem {margin-top: 40px;}
.repair .repair_box .problem h4{font-size: 20px;color: #333;font-weight: bold;}
.repair .repair_box .problem .info_01{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.repair .repair_box .problem .info_01 .xingh p{font-size: 14px;color: #333;}
.repair .repair_box .problem .info_01 .xingh p span{color: #ff2626;}
.repair .repair_box .problem .info_01 .xingh input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .problem .info_01 .xul p{font-size: 14px;color: #333;}
.repair .repair_box .problem .info_01 .xul p span{color: #ff2626;}
.repair .repair_box .problem .info_01 .xul input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .problem .info_02{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.repair .repair_box .problem .info_02 .desc p{font-size: 14px;color: #333;}
.repair .repair_box .problem .info_02 .desc p span{color: #ff2626;}
.repair .repair_box .problem .info_02 .desc input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .problem .info_02 .agree p{font-size: 14px;color: #333;}
.repair .repair_box .problem .info_02 .agree p span{color: #ff2626;}
.repair .repair_box .problem .info_02 .agree input{width: 358px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;}
.repair .repair_box .problem .info_03{margin-top: 20px;}
.repair .repair_box .problem .info_03 .suggest p{font-size: 14px;color: #333;}
.repair .repair_box .problem .info_03 .suggest textarea{width: 100%; border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;margin-top: 10px;padding-left: 10px;padding-top: 10px;}
.repair .repair_box .submit{width: 717px;height: 50px;border-radius: 10px;background-color: rgb(29, 36, 170);font-size: 14px;color: #fff;text-align: center;line-height: 50px;margin-top: 40px;margin: 0 auto;margin-top: 40px;}


/* 诚招代理 */
.form{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 70px 0;}
.form .title{text-align: center;}
.form .title h2{font-size: 48px;color: #fff;}
.form .title p{font-size: 24px;color: #fff;margin-top: 10px;}
.form .form_box{width: 80%;background-color: #fff;padding: 90px 140px;margin: 0 auto;margin-top: 60px;}
.form .form_box .name{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.form .form_box .name p{font-size: 14px;color: #333;width: 100px;text-align: right;}
.form .form_box .name p span{color: #ff2626;}
.form .form_box .name input{ width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-left: 10px;}
.form .form_box .tel{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.form .form_box .tel p{font-size: 14px;color: #333;width: 100px;text-align: right;}
.form .form_box .tel p span{color: #ff2626;}
.form .form_box .tel input{ width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-left: 10px;}
.form .form_box .email{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.form .form_box .email p{font-size: 14px;color: #333;width: 100px;text-align: right;}
.form .form_box .email p span{color: #ff2626;}
.form .form_box .email input{ width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-left: 10px;}
.form .form_box .work{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.form .form_box .work p{font-size: 14px;color: #333;width: 100px;text-align: right;}
.form .form_box .work p span{color: #ff2626;}
.form .form_box .work input{ width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-left: 10px;}
.form .form_box .company{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.form .form_box .company p{font-size: 14px;color: #333;width: 100px;text-align: right;}
.form .form_box .company p span{color: #ff2626;}
.form .form_box .company input{ width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-left: 10px;}
.form .form_box .address{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.form .form_box .address p{font-size: 14px;color: #333;width: 100px;text-align: right;}
.form .form_box .address p span{color: #ff2626;}
.form .form_box .address input{ width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-left: 10px;}
.form .form_box .trade{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.form .form_box .trade p{font-size: 14px;color: #333;width: 100px;text-align: right;}
.form .form_box .trade p span{color: #ff2626;}
.form .form_box .trade input{ width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-left: 10px;}
.form .form_box .choic_01{padding-left: 60px;margin-top: 40px;}
.form .form_box .choic_01 h4{font-size: 14px;color: #333;}
.form .form_box .choic_01 h4 span{color: #ff2626;}
.form .form_box .choic_01 ul{padding: 10px 40px;}
.form .form_box .choic_01 ul li{display: flex;justify-content: flex-start;border-bottom: 1px solid #e8e9f6;padding: 10px 0;}
.form .form_box .choic_01 ul li p{font-size: 14px;color: #333;margin-left: 10px;}
.form .form_box .choic_01 .other p{font-size: 14px;color: #333;}
.form .form_box .choic_01 .other input{width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-top: 10px;}
.form .form_box .choic_02{padding-left: 60px;margin-top: 40px;}
.form .form_box .choic_02 h4{font-size: 14px;color: #333;}
.form .form_box .choic_02 h4 span{color: #ff2626;}
.form .form_box .choic_02 ul{padding: 10px 40px;}
.form .form_box .choic_02 ul li{display: flex;justify-content: flex-start;border-bottom: 1px solid #e8e9f6;padding: 10px 0;}
.form .form_box .choic_02 ul li p{font-size: 14px;color: #333;margin-left: 10px;}
.form .form_box .choic_02 .other p{font-size: 14px;color: #333;}
.form .form_box .choic_02 .other input{width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-top: 10px;}
.form .form_box .choic_03{padding-left: 60px;margin-top: 40px;}
.form .form_box .choic_03 h4{font-size: 14px;color: #333;}
.form .form_box .choic_03 h4 span{color: #ff2626;}
.form .form_box .choic_03 ul{padding: 10px 40px;}
.form .form_box .choic_03 ul li{display: flex;justify-content: flex-start;border-bottom: 1px solid #e8e9f6;padding: 10px 0;}
.form .form_box .choic_03 ul li p{font-size: 14px;color: #333;margin-left: 10px;}
.form .form_box .choic_03 .other p{font-size: 14px;color: #333;}
.form .form_box .choic_03 .other input{width: 663px;height: 38px;border: 1px solid #cfcfcf;background-color: rgb(246, 246, 246);border-radius: 4px;padding-left: 10px;margin-top: 10px;}
.form .form_box .info {margin-top: 40px;padding: 0 60px;}
.form .form_box .info h4{font-size: 14px;color: #333;}
.form .form_box .info h4 span{color: #ff2626;}
.form .form_box .info .info_box{margin-top: 20px;}
.form .form_box .info .info_box table{width: 100%;font-size: 14px;color: #333;}
.form .form_box .info .info_box table th{text-align: center;padding: 10px 0;}
.form .form_box .info .info_box table td{text-align: center;padding: 10px 0;}
.form .form_box .submit{width: 717px;height: 50px;border-radius: 10px;background-color: rgb(29, 36, 170);font-size: 14px;color: #fff;text-align: center;line-height: 50px;margin-top: 40px;margin: 0 auto;margin-top: 40px;}


/* 个人中心 */
.header .avater{display: flex;justify-content: flex-start;align-items: center;padding-left: 25px;}
.header .avater p{font-size: 18px;color: #666;margin-left: 10px;}

.myself{display: flex;height: 1080px;}
.myself .my_l{width: 325px;background-color: #fff;}
.myself .my_l .my_top{padding: 20px 20px;}
.myself .my_l .my_avater{text-align: center;border-bottom: 1px solid #e5e5e5;padding: 20px 20px;}
.myself .my_l .my_avater .my_name{margin-top: 20px;}
.myself .my_l .my_avater .my_name p{font-size: 18px;color: #333;}
.myself .my_l .my_cot ul li{padding-left: 40px;margin: 20px 0;}
.myself .my_l .my_cot .my_li{display: flex;justify-content: flex-start;align-items: center;}
.myself .my_l .my_cot .my_li p{font-size: 18px;color: #333;margin-left: 10px;}
.myself .my_l .my_cot .my_nli.on{border-right: 5px solid #1d24aa;}
.myself .my_l .my_btn{text-align: center;margin-top: 60px;}
.myself .my_l .my_btn a{display: inline-block; width: 198px;height: 44px;border: 1px solid #bfbfbf;font-size: 16px;color: #333;text-align: center;line-height: 44px;}
.myself .my_r{background-color: #fafafa;width: 100%;padding: 40px 40px;}
.myself .my_r h4{font-size: 18px;color: #333;}
.myself .my_r .my_box .hd{margin: 30px 0;}
.myself .my_r .my_box .hd ul{display: flex;}
.myself .my_r .my_box .hd ul li{width: 104px;height: 43px;font-size: 16px;color: #333;text-align: center;line-height: 43px;margin-right: 20px;}
.myself .my_r .my_box .hd ul li.on{background-color: rgb(29, 36, 170);border-radius: 4px;color: #fff;}
.myself .my_r .my_box .hd ul li.on>a{color: #fff!important;}
.myself .my_r .my_box .bd .nr .content{background-color: #fff;padding: 20px 40px;width: 85%;}
.myself .my_r .my_box .bd .nr .content ul li{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eee;padding: 20px 0;}
.myself .my_r .my_box .bd .nr .content ul li h5{font-size: 16px;color: #333;}
.myself .my_r .my_box .bd .nr .content ul li p{font-size: 16px;color: #999;}


/* 个人中心-分页 */
.my_sabrosus{display: flex; justify-content: flex-end; align-items: center; font-size: 14px;margin-top: 40px;margin-right: 230px;}
.my_sabrosus a{display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 5px; text-align: center; border-radius: 5px; border: 1px solid #ccc;}
.my_sabrosus a i{line-height: 40px; font-size:20px;}
.my_sabrosus a:hover{color: #fff; background-color: #1d24aa;}
.my_sabrosus a.current{color: #fff; background-color: #1d24aa;}
.my_sabrosus a.disabled0{color: #d9dce2; border-color: #d9dce2; background-color: transparent; pointer-events:none}

/**fixed_video**/

.fixed_video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(0, 0, 0, 0.4);
	display: none;
}

.video_box {
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	max-width: 1000px;
}

.video_top h4 {
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 0.5px;
	margin: 0;
	color: #fff;
}

.video_top {
	background: #38393e;
	padding: 19px 30px;
	position: relative;
}

.close_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 30px;
	transform: translateY(-50%);
	cursor: pointer;
}

.close_btn img {
	width: 100%;
}

.video_cot video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video_cot {
	padding: 50px 40px 60px 40px;
}